import styled from 'styled-components';

const Wrapper = styled.div`
  white-space: nowrap;
`;

const Dot = styled.div`
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-right: 6px;
  background-color: ${(props) => props.color};
`;

const Text = styled.div`
  display: inline-block;
  font-size: 14px;
`;

export { Wrapper, Dot, Text };
